<!--header start-->
<header class="head-section">
    <div class="navbar navbar-default navbar-static-top container">
        <div class="navbar-header">
            <button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse" type="button">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <empty name="theme_vars.logo">
                <php>
                    $siteName = explode('|',$theme_vars['site_name']);
                </php>

            <a class="navbar-brand" href="index.html">{$siteName.0}<span>{$siteName.1}</span></a>
                <else/>
                <img src="{$theme_vars.logo|cmf_get_image_url}" height="{$theme_vars.logo_height}px">
            </empty>
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <navigation root="">
                    <navigationMenu root="li" class="menu-item">
                        <a href="{$menu.href|default=''}" target="{$menu.target|default=''}">{$menu.name|default=''}</a>
                    </navigationMenu>
                    <navigationFolder root="li" class="dropdown " dropdown="ul"
                                      dropdown-class="dropdown-menu">
                        <a href="#" class="dropdown-toggle dropdown-toggle-{$level}" data-toggle="dropdown">
                            {$menu.name|default=''}<i class="fa fa-angle-down"></i>
                        </a>
                    </navigationFolder>
                </navigation>
                <li><input class="form-control search" placeholder=" Search" type="text"></li>
            </ul>
        </div>
    </div>
</header>
<!--header end-->